Visual Design- 視覺設計

Research

Good Visual Design, Explained 優秀的視覺設計解析
Visual Indicators to Differentiate Items in a List 列表中專案的視覺區分：顏色與圖示的有效組合
Photos as Web Content 照片作為網頁內容的重要性
Using the Microsoft Desirability Toolkit to Test Visual Appeal 使用微軟吸引力工具包測試視覺吸引力
Accordion Icons: Which Signifiers Work Best? 手風琴圖示：哪些識別符號效果最好？
Banner Blindness Revisited: Users Dodge Ads on Mobile and Desktop “再談橫幅廣告盲區：使用者在移動端和桌面端避開廣告”

Concepts and Methods

Visual Design: Glossary 視覺設計術語詞彙表
Principle of Closure in Visual Design 視覺設計中的閉合性原則
Testing Visual Design: A Comprehensive Guide 測試視覺設計：全面指南

Principles of Visual Design 視覺設計原則

5 Principles of Visual Design in UX 使用者體驗中的視覺設計五原則
Similarity Principle in Visual Design 相似性原則及其在視覺設計中的應用
Proximity Principle in Visual Design視覺設計中的接近性原則
The Principle of Common Region: Containers Create Groupings 原理：容器建立分組
The Golden Ratio and User-Interface Design黃金比例與使用者介面設計
The Picture-Superiority Effect: Harness the Power of Visuals 影象優越效應：利用視覺的力量

Design Systems and Style Guides 設計系統與風格指南

Design Systems vs. Style Guides 設計系統 VS 風格指南
Design Systems 101 設計系統 101

UX Collaboration and Insights 使用者體驗協作與洞察

Groupthink in UX Work 使用者體驗設計中的群體思維現象
Affinity Diagramming for Collaboratively Sorting UX Findings and Design Ideas 協作式整理UX研究發現與設計創意的親和圖法
Downsides of the Net Promoter Score NPS的缺點

Case Studies

The Floppy Disk Icon as “Save:” Still Appropriate Today? 軟盤圖示作為"儲存"：今天還合適嗎？
Usability Testing of Icons 圖示的可用性測試
Icon Usability: When and How to Evaluate Digital Icons 圖示可用性：何時以及如何評估數字圖示
The Dos and Don’ts of Pairing Typefaces 字型搭配的注意事項
Best Font for Online Reading: No Single Answer 最適合線上閱讀的字型：沒有單一答案
Typography Terms: Glossary 排版術語
Using Grids in Interface Designs在介面設計中使用網格
Using Color to Enhance Your Design使用顏色提升設計效果
Beyond Blue Links: Making Clickable Elements Recognizable 讓點選元素更易識別
Visual Hierarchy in UX: Definition使用者體驗中的視覺層次結構：定義
Mood Boards in UX: How and Why to Use Them 使用者體驗中的情緒板：如何及為何使用它們
Using Imagery in Visual Design 在視覺設計中運用意象
The Proliferation and Problem of the ✨ Sparkles ✨ Icon 閃光圖示
Glassmorphism: Definition and Best Practices 玻璃擬態設計：定義與最佳實踐
Skeuomorphism 擬物化設計
Aesthetic-Usability Effect 美學-可用性效應
UX Mapping Methods: Visual-Design Guide UX對映方法：視覺設計指南
The Role of Animation and Motion in UX 動畫與動效